<!--  -->
<template>
  <div class="search">
      <input class="search-input" type="text" placeholder="输入城市名或拼音">
  </div>
</template>

<script>
export default {
  name: 'CitySearch',
  data () {
    return {
    }
  },

  components: {},

  computed: {},

  methods: {}
}

</script>
<style lang='stylus' scoped>
@import "~styles/varibles.styl"
    .search
      height: .72rem
      padding: 0 .1rem
      background : $bgcolor
      .search-input
        box-sizing: border-box /* 处理输入文字过多时，文字边缘显示留白问题 */
        padding: 0 .1rem /* 处理输入文字过多时，文字边缘显示留白问题 */
        height : .62rem
        width : 100%
        line-height : .62rem
        text-align : center
        border-border-radius : .06rem
        color:#666
</style>
